<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>动物世界</title>
		<style>
        body {
            background-color: #fffacd;
            text-align: center;
        }
        h1 {
            color: blue;
        }
        hr {
            width: 50%;
            margin: 10px auto;
        }
        a {
            margin: 0 5px;
        }
        img {
            width: 300px;
            height: 200px;
        }
        .footer {
            margin-top: 10px;
            font-size: 14px;
        }
    </style>
	</head>
	<body>
		<h1>动物世界</h1>
    <hr>
    <a href=" ">首页</a >|
    <a href="#">动物一族</a >|
    <a href="#">百兽园</a >|
    <a href="#">动物图片</a >|
    <a href="#">动物论坛</a >
    <br>
    < img src="penguin.jpg" alt="企鹅">
    < img src="deer.jpg" alt="鹿">
    <p class="footer">感谢你的光临</p >
	</body>
</html>
